/* Font Styles */

@font-face {
  font-family: 'Inter Regular';
  src: url('/fonts/Inter-Regular.ttf');
}

@font-face {
  font-family: 'Inter Medium';
  src: url('/fonts/Inter-Medium.ttf');
}

@font-face {
  font-family: 'Inter Bold';
  src: url('/fonts/Inter-Bold.ttf');
}

@font-face {
  font-family: 'Inter SemiBold';
  src: url('/fonts/Inter-SemiBold.ttf');
}

@font-face {
  font-family: 'Inter Black';
  src: url('/fonts/Inter-Black.ttf');
}

@font-face {
  font-family: 'Mazzard Bold';
  src: url('/fonts/MazzardSoftM-Bold.otf');
}

/* Colors Settings */

:root {
  /* Main Colors */
  --primary: #2e40ff;
  --secondary: #091e42;
  --primaryBlue: #2e40ff;
  --secondaryBlue: #091e42;
  --lightBlue: #2072ff;
  /* Status Colors */
  --success: #28ad00;
  --danger: #c90000;
  --warning: #ff8d2a;
  /* Grey Variations */
  --backgroundGrey: #fbfcff;
  --kickerGrey: #e2e8f0;
  --secondaryGrey: #f2f2f2;
  --textGrey: #717d92;
  --darkGrey: #4a4a4a;
  --theadGrey: #f8fafc;
  --grayishBlue: #a1b5cf;
  --lightGrayishBlue: #f5f7fa;
  /* Black */
  --black: #222222;
  /* Shadow */
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --shadow-all: 0px 0px 20px 1px rgba(0, 0, 0, 0.25);
}

/* Color Styles */

.c-blue {
  color: var(--primaryBlue);
}

.c-secondary {
  color: var(--secondary);
}

.c-secondaryBlue {
  color: var(--secondaryBlue);
}

.c-light {
  color: var(--lightBlue);
}

.c-success {
  color: var(--success);
}

.c-primary {
  color: var(--primary);
}

.c-danger {
  color: var(--danger);
}

.c-warning {
  color: var(--warning);
}

.bg-grey {
  color: var(--backgroundGrey);
}

.kk-grey {
  color: var(--kickerGrey);
}

.sc-grey {
  color: var(--secondaryGrey);
}

.txt-grey {
  color: var(--textGrey);
}

.dk-grey {
  color: var(--darkGrey);
}

/* Other Colors */

.c-lgreen {
  color: #10b981;
}

.c-violet {
  color: #6366f1;
}

.c-lblue {
  color: #38bdf8;
}

.c-dblue {
  color: #147ad6;
}

.c-yellow {
  color: #fcdc2d;
}

/* Background Color styles */

.bg-blue {
  background-color: var(--primaryBlue);
}

html {
  scroll-behavior: smooth;
}

body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

.btn-success {
  background-color: var(--success) !important;
  border-color: var(--success);
}

.box-shadow {
  box-shadow: var(--shadow);
}

.font-bold {
  font-family: 'Inter Bold';
}

.font-black {
  font-family: 'Inter Black';
}